<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="js/layer/skin/default/layer.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title></title>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav header header-green statistics-header">
			<a class="mui-action-back mui-icon mui-icon-arrowthinleft mui-pull-left"></a>
			<a href="javascript:;" class="mui-pull-right sharing" id="open-operation">
				<div class="tm-icon">
					<img src="images/statistics.png" alt="" width="16" height="16" />
				</div>
			</a>
			<div class="statistics-card">
				<div class="statistics-card-item">
					<div class="tm-label-no">
						<div class="uk-text-center">
							<span class="integral-number">195<em class="tm-df-size tm-font-bold">积分</em></span>
						</div>
						<div class="uk-margin-xsmallx-top">
							<div class="uk-text-right">
								<div class="main-content">
									<button type="button" class="mui-btn mui-btn-green">兑换</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>

		<div class="mui-content">
			
			<div class="integral-table-group tm-bg-white">
				<div class="tm-label-md uk-text-center tm-df-size tm-font-gray">
					<div class="main-content">
						<div class="tm-flex">
							<div class="tm-flex-1">
								积分操作
							</div>
							<div class="tm-flex-1">
								积分
							</div>
							<div class="tm-flex-1">
								时间
							</div>
						</div>
					</div>
				</div>
				<div calss="integral-table-body">
					<ul class="mui-table-view max">
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										分享文章
									</div>
									<div class="tm-flex-1 uk-text-center">
										+20
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										订单成交
									</div>
									<div class="tm-flex-1 uk-text-center">
										+120
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										登录
									</div>
									<div class="tm-flex-1 uk-text-center">
										+10
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										分享文章
									</div>
									<div class="tm-flex-1 uk-text-center">
										+20
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="tm-df-size">
								<div class="tm-flex">
									<div class="tm-flex-1">
										订单成交
									</div>
									<div class="tm-flex-1 uk-text-center">
										+120
									</div>
									<div class="tm-flex-1 tm-font-gray">
										2017-11-07 18:11
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="uk-text-center">
				<div class="tm-label">
					<div class="main-content">
						<span class="tm-df-size tm-font-gray">没有更多数据</span>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>

	</body>

</html>